<template>
    <div >
        <h1>这是APP组件</h1>

        <mt-button type="default" size="large" @click="show">default</mt-button>
        <mt-button type="primary" icon="back">primary</mt-button>
        <mt-button type="danger">danger</mt-button>
        <mybtn type="primary">123</mybtn>

        <button type="button" class="mui-btn mui-btn-danger">
					红色
        </button>
        <button type="button" class="mui-btn mui-btn-royal">
            紫色
        </button>

        <router-link to="/account">Account</router-link>
        <router-link to="/goodlist">GoodList</router-link>
        <router-view></router-view>
    </div>
</template>
<script>
import { Toast } from 'mint-ui';

export default{
    data() {
        return {
            toastinstance:null
        }
    },
    created(){
        this.getList()
    },
    methods: {
        getList(){
            this.show();
            setTimeout(()=>{
                this.toastinstance.close();

            },3000);
        },
        show(){
            this.toastinstance=Toast({
                message: '提示消息',
                position: 'top',
                duration: -1,
                iconClass:'glyphicon glyphicon-heart',
                className:'mytoast'
});
        }
    },
}


</script>
<style></style>